<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
  <script src="../../web-component-tester/browser.js"></script>
  <link rel="import" href="../../test-fixture/test-fixture.html">

  <link rel="import" href="../../polymer/polymer.html">
  <link rel="import" href="helpers.html">
</head>

<body>

  <test-fixture id="default">
    <template>
      <vaadin-grid style="width: 200px; height: 200px;" size="1000">
        <vaadin-grid-column>
          <template>[[index]]</template>
        </vaadin-grid-column>
      </vaadin-grid>
    </template>
  </test-fixture>

  <script>
    window.addEventListener('WebComponentsReady', function() {
      if (window.isV2()) {
        describe('basic features', () => {
          let scroller, grid;

          beforeEach(() => {
            grid = fixture('default');
            grid.dataProvider = infiniteDataProvider;
          });

          it('check physical item heights', done => {
            const _error = console.error;
            const spy = console.error = sinon.spy();
            Polymer.Base.importHref('../vaadin-grid.html', () => {
              animationFrameFlush(() => {
                console.error = _error;
                expect(spy.called).to.be.false;
                done();
              });
            });
          });

        });
      }
    });
  </script>

</body>

</html>
